<!DOCTYPE html>
<p>Test increasing the height of the containing block of a scrollable container with percent height.</p>
<p>One horizontal scrollbar should be seen below.</p>
<div id="target" style="height:250px;">
    <div style="height:50%; overflow-x:scroll;"></div>
</div>
<script src="../../../resources/run-after-layout-and-paint.js"></script>
<script>
    function changeSize() {
        document.getElementById('target').style.height = '450px';
    }
    runAfterLayoutAndPaint(changeSize, true);
</script>
